@@@@@@@@@@@@@@@@TjzM@What's New 2004N326


@@@S҂̂߂̃z[y[W/Web for beginner
@@@@@@@http://www.scollabo.com/banban/
@@
@@@@@@@@@@@@@90

@@@@@@  @  @@@banban@scollabo.com



@@úAS҂⒆҂@ƍ@gɂāAv̖{i
@I Weby[W쐬ɖ𗧂ƂړIɔzMĂ܂B

@@uł HTML4.01AXHTML1.1AXML1.0 𒆐SƂ@̂ƂȂ
@܂BȂÃ}KW͓tHgłǂ݂ƉKɓǂ߂
@悤ɂȂ܂B

@@@T̃Rec
      @ WebfUC (32) --- SEO΍
@@@@ HTMLu  (32) --- ANZVuȃeLXg
@@@@ CSSu@(11) --- wi摜̈
@@  @ ̉@(15) --- size



WebfUC (32) @SEO΍

@SEOƂ́ASearch Engine Optimization ̓̂ňʂɁu
@GWœKvƌĂ΂Z@̂ƂłB

@GW
@ʓIɌGWƌĂ΂̂́AYahoo Ȃǂ̃fBNgo^^
@͈قȂAT[`{bg (̂̓\tgEFA) AE WabTCg
@āAey[W̏W߃f[^x[XɊi[dg݂w܂B

@@TCgŗp҂́A炩̃L[[h͂āAf[^x[X
@̏oƂŁAړĨy[WTo܂B
@@T[`{bg^̌GẂAGoogle  AlltheWeb Ȃǂ
@LłB

@ʂ玩ɂƂĕKvƎvTCgTƂAp҂͌
@ʂ̉y[W܂ŒTƂł傤H

@SEO̕Kv
@ SEO΍u郁bgƂ́ATCgŎ̃TCgɊ֘A
@L[[hɂăT[`ƂǍʂ̈ꗗōŏ̃y[WɌ
@悤ɂ邱ƂłB
@@ɂČ{҂̃TCgɃNbN邱Ƃ҂ł
@킯łBɁApTCg^c鐧҂ɂƂāAʂ͔
@CɂȂƂł͂Ȃł傤B

@
@ʏA{҂TCgōsʂŁA80ȏ̐lʂ̃^C
@gǂ݁A̗vTCgK₷ƂĂ܂B
@@āÂقƂǂŌʂ̂Qy[W܂łIŃNbNĂ
@鎖܂Bʂ̍Ō܂œǂސl͂Ȃ悤łB

@@AႦʂ̂Py[Wڂ̂Pԏɕ\ꂽƂĂAꂪ
@{҂̗v𖞂񋟂ĂTCgłƂ͌܂B
@T[`{bg͊ey[W̃^Cg⋭ꂽA邢͖{
@L[[hƂȂuPvEW߂ăf[^x[XɊi[܂B́A
@uOȂǂ̓LfW܂B
@@̂߁A{҂vL[[hƈv΁ARecƂ͊֌W
@Ȃʂɕ\܂B̂߁A{҂͉xʂTo
@Ȃ΂ȂȂ̂ł傤B

@Recl񂹏W߂
@mɌʂ͑؂łBԍŌԐ̂ق悢Ɍ܂Ă
@܂B SEO΍ɏMXRec[
@Ƃďdvł邱Ƃɕς肠܂B

@@K؂ȃy[W^Cg〈oAɔe̔ZRec쐬
@邱ƂŌʂɉe܂B܂A{҂̗v𖞂eł
@قǁÃy[WɃN\Ă邱Ƃ҂ł܂B
@탊N̐AʂɍDe^܂B

@@KĂ{҂]Ȃ߂ɂARec̏[
@ŏdvۑłBꂱō SEOȂ̂ł͂Ȃƍl܂B

@@ȂAeT[`^TCgł́A܂ł̌ASYύX
@VZ@͍Ă܂BȂΏ] SEO΍͂܂ʂɂ
@邩܂B
@@@@@@@@@@@@@@@@@i33@I[TO\tgɂÂj



HTMLu i32j@ANZVuȃeLXg

@Rec쐬ŁAeLXg () ́AȒPɏ`
@ɗLȎiłB摜⓮͂邩ɗeʂAڍׂ
@lߍނƂł܂B

@@AonuEUŉ{ꍇɂ͖ȂĂA񎋊onuE
@UŃeLXg_OƂA҂̈ӂɔĎvʗƂ
@܂B́AeLXg̈A̗RƑ΍ɂāA
@g̔Ȃ߂ĉ܂B


@spӂȋL
@eLXg̒ŁAAAAAAAA@Ȃǂ̋ĹAu
@EUł͂ǂ̂悤ɓǂނł傤BɓƂłBȂȂ
@̈Ӑ}ɉ`œǂł܂B

@Ⴆ΁A
@@spӂȋL@@́uӂ悤ȂvƓǂݏグ܂B

@@̂悤ɁAlXȋL܂܂ĂꍇAK؂ɏ`Ƃ
@ƂɂȂ܂B
@@ł́Aɑ΂΍́H

@@@͂Q܂BP́AL摜 alt̒gɂ邱
@ƂłB̓Iȍ\́A

@@<img scr="mark.gif" width="12" height="12" alt="">spӂȋL

@@m̂悤ɉ摜̑փeLXg񋟂 alt́AuEU
@ǂݏグHv܂B̓eɂ邱ƂŁAL̂̂ǂ
@グ邱ƂȂȂA{҂̓eLXg̓ê݂ɏWł܂B

@@P̕@́AuEŨX^CV[g𗘗pāAL
@𔭐Ȃ悤ɂ܂B[}KW WebTCgł͂̕@
@̗pĂ܂B (܂SCĂ܂񂪁EEE)

@@̓IȃX^CV[gƁAHTML\͈ȉ̂ƂłB

@@@media aural, braille, embossed {
@@@.mark {	speak: none;   volume: silent;   visibility: hidden }
     }

@@<h1><strong class="mark"></strong>spӂȋL</h1>

@@X^CV[gł́Ȁo͐uEUA_fBXvCA
@ѓ_v^Ɍ肵Aw肳ꂽNX̓ǂݏグ≹ʁA\
@ݒɂȂĂ܂BRłAonuEUł͉e܂B

@@HTML\ł́ALɃNX strongvfɐݒ肵Ă܂B
@ɂāÃ_OȂ悤ɂ܂B


@̑̋L
@i \  $ ̏ꍇAuEUł́u܁[vuǂ܁[v
@Ɠǂݏグ܂BႦ΁A\1000 ƂƂ́u܁[vƓǂݏグ
@܂B 1000~Ƃׂł傤B

@@ǂĝu`vƂLłBuEÚuvƓǂݏ
@܂Bu`̂IvƂ\ł́u炻̂v
@ƓǂݏグA킩܂B
@@̏ꍇ́Au[ÂIvƁAɕϊAǓ_
@Ƃł傤BȂAQ͓ǂ܂邱Ƃ܂B


@NƐ̕\
@t\ꍇAႦ΁A2004/3/26 ƂꍇAuEUł́u
@Ԃ̂Ԃ̂ɂザイ낭vƓǂݏグ܂B܂ŊZ
@_OĂ悤ɕA{҂͂ꂪtł邱Ƃ
@܂B

@@܂A2004.3.26 ƂꍇłuɂĂ񂳂Ăɂザイ낭v
@ƓǂݏグĂ܂܂B2004-3-26 ̂΂͈ZƂă_O
@܂BȂȂȂ̂łB

@@́Au2004N326vƂׂł傤B(TCgłAׂĂ
@y[WŏCłB)

@@\ꍇAႦ u1疜~vŔpƑSp̊荇
@킹̂`ȂƂ܂Bu܂񂦂vƔ
@̂ŉƂȂӖ͓`܂Ał͂܂B
@@̏ꍇ͑SSp̊ɂ邩A邢́u10000000~vƋLq
@ɐS܂傤B

@P̃Xy[X\
@PɃXy[XƂ́AႦ΁Au@vAu@vȂǂ̂悤ȕ\łB
@̏ꍇAuEÚAu΁AƂvuɂAƂvƔ܂B
@@܂AuEU͒PɃXy[XꍇAƗP
@̌tƂėĂ܂߂łB

@@onuEUł͒IɔǂłĂA_𗘗pł
@҂̈Ӑ}ƈقȂ闝邱Ƃ܂BԂɃXy[X
@ꍇAX^CV[g𗘗p悤ɂ܂傤B
@@X^CV[g HTMLł́Aȉ̕@g܂B

@@@@.separation { letter-spacing: 1em }

@@@@<p><span class="sparation">ꏊ</span></p>


@G̈
@[ȂǂŕpɂɗpG Weby[Wŕ\ꍇɂ́Aȉ
@̓_ɒӂĂB
@@G̒ɃAt@xbgꍇLꍇAuEU
@͂̂܂܏o͂邱ƂA_û܂܏o͂AʓIɉ
@\Ă̂ȂȂ܂B

@@Ⴆ΁Au\󂲂܂B(_) vƂƂAǴuނ
@ށvƏo͂܂BGgƂɒӂĂB
@@G̕ςɁA摜𗘗pX}[głB (̕Kv邩
 ǂ͕ʖł)


@̎Q
@spӂȎ̎Qƕ́A{ɏdȉe^܂B

@@Ⴆ΁A<  > A邢 & Ȃǂ͎̎QƂƂĒ`Ap
@ɂ͎̎QƕgȂ΂Ȃ܂B CGI  URI Ɏg
@̎Qƕ & ́AK &amp; ƂȂ΂Ȃ܂B

@@܂A̎Qƕ̂܂܏o͂ꍇAႦ΁A&amp; o͂
@Ƃɂ́@&amp;amp; ƋLq܂B


@܂Ƃ
@ʂɃRecƂĒ񋟂eLXgłAĊOɂĂ͍
@҂̈Ӑ}Ƃ͈ႤӖŉ߂uƂv邱Ƃ͈ӊOƎv
@Ǝv܂B
@@ĝɏQ̂̃C^[lbgp͓ɑĂ܂BƂP
@Ɋׂ₷ Weby[W쐬łASʓIȌgɂāAN
@ł}Rec񋟂Ă̂łB

@@ANZVuȃeLXgɂĉ܂B



CSSui10j@wi摜̈

@X^CV[gł́ARec쐬vf̂قƂǂŔwi摜w
@邱Ƃł܂BꂪႦCCxvfłĂAwi摜
@\邱Ƃ\łB

@wi摜w肷
@X^CV[gŔwi摜w肷ꍇ́Abackground-image𗘗p
@܂B̓Iȏ͈ȉ̂ƂłB

@@@p { background-image: url("backimage.gif") }

@̏ł́Aivf GIF`̔wi摜w肵Ă܂Bɂ
@āAy[ŴׂĂ pvfɓwi摜\܂B


@wi摜w̒ӓ_ (pX̎w)
@X^CV[gŔwi摜 URIw肷ꍇɂ́AX^CV[g猩
@pXw肵Ȃ΂Ȃ܂B
@@Ⴆ΁AX^CV[gOɒuLO̗pꍇAX^
@CV[gKpy[W̃pXł͂ȂAX^CV[ĝ̂
@̃pXŎw肵܂B

@@Ⴆ΁Aȉ̂悤ȃfBNg\Ƃ܂B

@@@index.html
 @@@@
 @@@@@/imagefBNg (e摜t@C)
@@@@    
@@@@ @/cssfBNg (X^CV[g)

@@̏ꍇ index.html Ƃ猩 imagefBNg̉摜t@
@CɃANZXꍇ́uimage/摜t@CvƂpXɂȂ܂B

@@Ƃ낪 cssfBNgɂX^CV[g猩摜t@C
@̃ANZX́u../image/摜t@CvƂpXɂȂ܂B

@̃fBNg\ɂOX^CV[g𗘗pꍇAwi摜
@w肷pX (URI) ͈̏ȉ̂ƂłB

@@@p { background-image: url("../image/backimage.gif") }

@@ӊOȁuƂvɂȂ܂̂ŁApXɊւmKvƂȂ܂B


@wi摜̕\@
@X^CV[gł́Awi摜̈ʒuJԂ\Ȃǂ𓯎Ɏw肷邱
@Ƃł܂B
@@ʏAPɔwi摜w肵ꍇɂ́Avf̗̈ōォEA
@ւƌJԂĕ\܂B

@@@P̉摜vfŌJԂĕ\Tv
@@@@http://www.scollabo.com/banban/magazine/mm/sample_90-1.html

@wi摜̕ѕ̃Rg[
@wi摜͏lł͏LTv̂悤ɏcɕ\܂AX^C
@V[gł́Awi摜̕тRg[ł@\Ă܂B

@wi摜̃Rg[́Abackgroun-repeatōs܂B
@@̑ł͂S̒lpӂ摜̕тw肵܂B

@@@repert@@@ʏǂcɕ\܂B(ftHgl)
@@@repeat-x@@̂݌JԂĕ\܂B
@@@repeat-y@@ĉ݌JԂĕ\܂B
@@@no-repeat@ JԂs킸P񂾂\܂B

@@ȂȂ𗘗pꍇ́A炩ߔwi摜w肷Kv
@܂B̓Iȏ͈ȉ̂ƂłB

@@@p { background-image:   url("backimage.gif");
@@@@@background-repeat:  repeat-x }

@@@background-repeat̃Tv
@@@@http://www.scollabo.com/banban/magazine/mm/sample_90-2.html

@wi摜̈ʒuw
@wi摜̈ʒuɎw肷邱Ƃ\łB
@@X^CV[gł background-positiongƂŁAlXȈʒu
@wi摜zu邱Ƃł܂B

@@̏ꍇA炩 background-repeatŁA炩̒lw
@ĂKv܂B

@@ʒuw肷鑮l͎̂悤Ȃ̂܂BʒuwꍇA
@ƏĉQ̒l𔼊pXy[Xŋ؂Ďw肷邱Ƃ\łB

@@top@@@@@@@vf̏㑤ɔzu
@@left@@@@@@ vf̍ɔzu
@@right@@@@@@vf̉Eɔzu
@@bottom@@@@@ vf̉ɔzu
@@center@@@@@ vf̒ɔzu
@@% (p[Zg) @ʃTCY̑ΓIȔ䗦Ŏw肷

@@p[ZgŎw肷ƂA100% 100% Ƃꍇɂ right bottom Ɠ
@ʒuŔzuƂƓʂɂȂ܂BƂ䗦Ŏw肵
@܂B
@@̓Iȏ͈ȉ̂ƂłB

@@@body { background-image:     url("backimage.gif");
@@@@@@ background-repeat:    no-repeat;
@@@@@@ background-position:  top right }

@@@background-positioñTv
@@@@http://www.scollabo.com/banban/magazine/mm/sample_90-3.html

@wi摜Œ肷
@X^CV[gł́Awi摜ʂ̒ŌŒ肵A{҂XN[
@̂܂܂̈ʒuŕ\邱Ƃ\łB
@@wi摜Œ肷ɂ́Abackground-attachmentg܂B

@@̑gꍇɂ́A炩ߔwi摜w肵AȂw
@i摜̈ʒuw肷Kv܂B

@@wi摜Œ肷鑮̒l͈ȉ̂Q`Ă܂B

@@@fixed@@wi摜Œ肵܂B
@@@scroll@ ̗vfƈꏏɃXN[܂B(ftHgl)

@@̓Iȏ́A

@@@body { background-image:      url("backimage.gif");
@@@@@@ background-repeat:     no-repeat;
@@@@@@ background-position:   top left;
@@@@@@ background-attachment: fixed }

@@@background-attachment̃Tv ([t[𗘗pĂ܂)
@@@@http://www.scollabo.com/banban/magazine/mm/sample_90-4.html

@wi摜̈ꊇw
@X^CV[gł́Awi摜Ɋւ邷ׂĂ̐ݒꊇōs@
@܂BݒłéAwiFAwi摜Awi摜̕сAwi摜̈
@uAwi摜̌ŒȂǂ̎w܂Ƃ߂܂B

@@wi摜ꊇw肷邽߂ɁAbackgroundp܂B̑ŗ
@pł鑼͈̑ȉ̂ƂłB

@@@background-color@@@ @wiFw肷
@@@background-image@@@ @wi摜 URI w肷
@@@background-repeat@@@@wi摜̕тw肷
@@@background-position@@@wi摜̈ʒuw肷
@@@background-attachment@@wi摜̌Œw肷

@@ȂȂl̒œɕKvȂ̂͏ȗ邱Ƃł܂B
@܂Al͓̏ɋK肳ĂȂ߁ARɐݒł܂Be
@l͔pXy[Xŋ؂Ďw肵܂B

@@background̋̓Iȏ͈ȉ̂ƂłB

@@@body { background: #fff url("backimage.gif") left reperat-x }

@@̐ݒ́AwiF𔒐FAwi摜 backimage.gifAwi摜Ɉ
@uw肵āAĉ݌JԂĕ\Ă܂B摜͌Œ肵Ȃ
@background-attachment̒l͎w肵Ă܂B

@@@background̃Tv
@@@@http://www.scollabo.com/banban/magazine/mm/sample_90-5.html


@܂Ƃ
@ Weby[W̎̂̓RecłAwi摜ł͂܂Bw
@iƂȂ̂͊{IɓYɉ߂܂B
@@S`S`摜wiɓ\荞ނƁARecז\
@܂B܂łVvȉ摜pӂ悤ɂĂB肰
@ȂAłăLƌ悤ȃZX̗ǂwi摜\邱Ƃł
@΁Ah WebfUCi[ƂȂł傤B
@@(͓ꖳȂ̂ŁAwi摜gƂ͂܂񂪁EEE)



HTMLAXHTML̉ --- size

@vf̑傫╝AA邢͕\Ȃǂw肷邽߂ɗp܂B

@size@傫╝Ȃǂw肷
@DTDF@@ ׂĂ DTDŗp\
@lF@l
@Lq@F@<input type="text" size="20" value="͗">
@֘AvfF inputAselectAbasefontAfontAhr
 @@@@@@(inputAselectvfĔ񐄏)

@XHTML̐F inputAselectvf݂̂ŗp\

@@inputvfł type text w肳ꂽꍇɗpłA̓tB[
@h̕w肵܂BA͂镶킯ł͂
@܂B
@@selectvfł́Ap\ȃj[̕\w肵܂B

@@fontAy fontbasevfł́Ap镶̑傫w肵܂B 
@A^` Transitional Ɏw肷Kv܂B

@@r\ hrvfł́Aȓw肵܂A񐄏
@ƂȂĂ܂̂ŁAlɕ^` Transitional Ɏw肷Kv
@܂B



͂܂ŁB

@T̂炢 Weby[Wɂfڂ܂̂ŁAQl܂łɌĂ
@ĂB
@@Weby[Wł HTML̎sʂ̃TvA蕪₷
@Ă܂B킹ĉߋ̋L̂炢fڂĂ܂B

@@iT̂炢j
@@@http://www.scollabo.com/banban/magazine/review_090.html

@́A42ɔzM\肵Ă܂B(ꍇɂĂ͋x܂B)



Eӌ͂͂܂Ł@banban@scollabo.com

@ȂA̍ۂɂ́AȂgOSAuEUAeLXgGfB^
@ǁAȂׂ₷𖾋LĂƉ񓚂₷Ȃ
@Ǝv܂B
@@AlIȎRɂԎx邱Ƃ܂BB
@}̏ꍇɂ́ATCǧfpBƒN
@ĂƎv܂B

@sҁ@΂΂
@@́@XYLER{[V@http://www.scollabo.com/
@zMGW@܂܂@http://www.mag2.com/  iID@0000090196j

@@뎚EEEϊ~XE\RȂǂɂ́Aɂe͊肢܂B

obNio[@ŌJĂ܂B
v[eLXg  http://www.scollabo.com/banban/magazine/magazine.html
ê炢@@http://www.scollabo.com/banban/magazine/
A[JCu@@@@http://www.scollabo.com/banban/daf/archive.html
܂܂@@@@@http://backno.mag2.com/reader/Back?id=0000090196

zM̕ύXE~͂łB
@ʂ̎葱͎󂯕tĂ܂̂ŁAʓ|łeł肢łΏ
@܂B
@@TCgɂā@http://www.scollabo.com/banban/magazine/top.html
@@܂܂ɂā@http://www.mag2.com/m/0000090196.htm



ł`E`ށ

@炢ďt𖞋ił邩ƎvA}ɊȂ܂ō~Llł
@AFl͂߂łH

@@t͂̂łAԕǂɔY܂G߂ł܂BN͍N̗
@ĂŃXMԕ͏Ȃƃj[XŌĂ܂Aς@Ɩڂ̂
@݂~܂܂B΂炭͐hXłȂEE



쌠ɂ
@l̂obɕۑėpȊŐL̓]ځAp͊{Iɉ
@Ă܂BL̓eɂāAfŎgp邱Ƃłւ܂B
@@ȂAL̃X^CV[gAXNvgAHTML̃y[W쐬
@RɎgĂĂx܂B

    @       Copyright(C) 2002-2004  www.scollabo.com/banban/




